﻿{%  load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- 上述meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <!-- Bootstrap CSS -->
        <link href="{% static 'questiom/css/questionnaire.css' %}" rel="stylesheet"/>
        <script src="https://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>
        <script src="function.js"></script>
        <title>健康打卡</title>

            <style>
        *a {
            box-sizing: border-box;
        }</style>

        <style>
            input[type='text']{background:none;border:none;border-bottom:1px solid #ddd;}<!--所有input框类型为text的-->
            .inp{background:none;border:none;border-bottom:1px solid#0F2543;}
        </style>
  </head>
  <body>
        <div>
            <h1>每日员工健康打卡</h1>
            <p class="person"><img src="../../../static/question/images/person.jpg" alt="person" width="16" height="16">实名问卷</p>
            <p>所有员工须每日健康打卡，未满隔离期（14）天的返回本省员工还须登入隔离人员补充打卡，打卡有效时间均为早上6点到晚上10点。按时、完整和据实填报将奖励2元/人·日，若逾期、不完整或不据实填报将追究个人责任。</p>
        </div>

<!--引入layui-->
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <script type="text/javascript" src="layui/layui.js"></script>

<script>

        layui.use('laydate', function(){
            var laydate = layui.laydate;

            //日期时间有效范围的设定:
            laydate.render({
                elem: '#test3' // 绑定元素的id
                ,type: 'datetime' // 设置格式：日期时间
                ,min: '2020-1-28 12:30:00' // 设置日期时间的最小值
	,value:new Date()
                ,max: getNowFormatDate() // 设置日期时间的最大值
                ,theme: '#393D49' // 自定义主题颜色
                ,calendar: true // 显示公历节假日
            });

function getNowFormatDate() {
          var date = new Date();
          var seperator1 = "-";
          var seperator2 = ":";
          var month = date.getMonth() + 1;
          var strDate = date.getDate();
          if (month >= 1 && month <= 9) {
              month = "0" + month;
          }
          if (strDate >= 0 && strDate <= 9) {
              strDate = "0" + strDate;
          }
          var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
              + " " + date.getHours() + seperator2 + date.getMinutes()
              + seperator2 + date.getSeconds();
          return currentdate;
      }
        });
    </script>

<div class="layui-input-inline">
<div class="layui-input-inline">
<p class="calender">     选择打卡日期：</p> 
</div>
<!--min/max - 最小/大范围内的日期时间值-->
<div class="layui-input-inline"> <!-- 注意：这一层元素并不是必须的 -->
    <input type="text" class="layui-input" id="test3">
</div>
</div>

        <div>
        <form name="myform" action="/question/answer" method="post">
            <b class="red">*</b>
            <b>1.本人的身体健康情况？</b><br>
            <br>
            <input type="radio" name="1" value="1" required checked="checked"/>身体健康，无异常<br>
            <br>
            <input type="radio" name="1" value="2" required checked="checked"/>有出现发热、乏力、呼吸困难等与新冠肺炎相关症状<br>
            <br>
            <input type="radio" name="1" value="3" required />有其他疾病症状<br>
            <br>

            <b class="red">*</b>
            <b>2.与本人共同居住的家人是否有出现发热、乏力、呼吸困难等与新冠肺炎相关症状？</b><br>
            <br>
            <input type="radio" name="2" value="1" required checked="checked"/>无<br>
            <br>
            <input type="radio" name="2" value="2" required/>有<br>
            <br>

            <b class="red">*</b>
            <b>3.本人落实疫情防控及复工复产措施情况？</b><br>
            <br>
            <input type="radio" name="3" value="1" required checked="checked"/>正常上班<br>
            <br>
            <input type="radio" name="3" value="2" required/>正常轮休，没有上班<br>
            <br>
            <input type="radio" name="3" value="3" required/>其他原因，没有上班<br>
            <br>
            <input type="radio" name="3" value="4" required/>本人及共同居住的家人有从境外、北京等高风险地区回来的，或已按有关部门要求仍在隔离中<br>
            <br>

            <b class="red">*</b>
            <b>4.本人工作场所的环境健康情况？</b><br><br>
            <input type="radio" name="4" value="1" required checked="checked"/>干净整洁、通风良好、环境舒适<br>
            <br>
            <input type="radio" name="4" value="2" required/>还需要进一步整治或改善<br>
            <br>

            <b class="red">*</b>
            <b>5.本人工作期间的心理健康情况？</b><br><br>
            <input type="radio" name="5" value="1" required checked="checked"/>沟通渠道畅通，工作心情愉快<br>
            <br>
            <input type="radio" name="5" value="2" required/>找不到人倾诉，需要关心帮助<br>
            <br>

            <b>6.本人有无需要向公司特别报告及说明事项？</b><br><br>
            <b class="gray">  如无，不填写任何内容</b><br>
            <input type="text" style="width:100%" class="inp">

            <br>
            <br>
            <br>
            <input type="submit" class="submit"  value="提交">

        </form>
        </div>

    </body>
</html>